<template>
  <div class="four04-body">
    <section class="pt-4 pb-5 error-page-main-inner">
      <div class="container">
        <div class="row">
          <div class="col-md-12 block-404 text-center">
            <h1>
              <img class="img-fluid" src="../static/404.png" alt="404" />
            </h1>
            <h1>对不起的!找不到网页.</h1>
            <p class="caption-text">
              您访问的页面不存在或已被删除！ (｡•ˇ‸ˇ•｡).
            </p>
            <div class="mt-5">
              <a @click="goBackHome" class="btn btn-primary btn-lg"
                ><i class="icofont icofont-ui-home"></i> 返回首页</a
              >
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>
<script setup>
const router = useRouter();
const goBackHome = () => {
  router.push("/");
};
</script>
<style scoped>
.four04-body {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 9999;
}
</style>
